﻿@using xConnected.Common.CompanyProfile
@using xConnected.Common.ExpertProfile
<div class="modal hide fade" id="PhotoCompanyDialog" style="display: none;" >
    <div class="modal-header">
    </div>
    <div class="modal-body">
        <label><strong>@CompanyProfile.Logo</strong></label>
        <div class="alert alert-error" data-bind="visible: $root.company.photoAlertVisible">File name is too long.</div>
        <div class="row-fluid" data-bind="visible: $root.company.beforePhotoUpload">
            <div id="dropZonePhotoCompany"><span>@CompanyProfile.DropYourLogoHere</span></div>
            <div class="progress progress-striped active" data-bind="visible:$root.company.uploadPhotoProgressBarVisible">
                <div id="uploadPhotoCompanyProgressBar" class="bar"></div>
            </div>
        </div>
        <div data-bind="visible: $root.company.afterPhotoUpload">
            <img data-bind="attr: {src: $data.company.photo()}" alt="Photo">
            <div class="span6" style="margin-left: 0px"><span>@CompanyProfile.UploadedFile: </span> <span id="uploadPhotoCompanyResult"></span></div>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#" class="btn btn-small btn-info" data-bind="click: function() { $root.company.okPhoto();}"><strong>@CompanyProfile.Ok</strong></a>
        <a href="#" class="btn btn-small" data-bind="click: function() { $root.company.cancelPhoto();}"><strong>@Resources.Cancel</strong></a>
    </div>
</div>